<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>


<script type="text/javascript" src="js/jquery.itextclear.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('input[type=text], input[type=password], input[type=url], input[type=email], input[type=number], textarea', '.form').iTextClear();
    });
</script>
<!-- jQplot CSS -->

<link rel="stylesheet" media="screen" href="${ctx}/css/Tree.css"/>
<!-- jQplot CSS END -->

<!-- DATATABLES CSS -->
<link rel="stylesheet" media="screen" href="lib/datatables/css/vpad.css"/>
<script type="text/javascript" src="lib/datatables/js/jquery.dataTables.js"></script>
<!-- DATATABLES CSS END -->

<script>
    $(document).ready(function() {
        $('#simple-button').popover('#simple-popover', {});
        $('#top-button').popover('#top-popover', {preventLeft: true, preventRight: true, preventBottom:true});
    });
</script>

<h1 class="page-title">工作说明书审核</h1>

<div class="container_12 clearfix leading">

    <div class="tabs side grid_8 leading">
        <div class="grid_12">

            <div id="demo" class="clearfix">
                <table class="display" id="example">
                    <thead>
                    <tr>
                        <th>选择</th>
                        <th>岗位名称</th>
                        <th>编制人数</th>
                        <th>岗位职责</th>
                        <th>查看说明书</th>
                    </tr>
                    </thead>
                    <tbody>
                    <s:iterator value="#request.jobSpecifications" var="j" status="sta">
                    <tr class="gradeC">
                        <td><input type="checkbox" name="checkbox_job_specification" value="${j.id}"/></td>
                        <td>${j.duty.dutyName}</td>
                        <td>${j.duty.organization.employeeCount}</td>
                        <td>${j.taskContent}</td>
                        <td><a class="button" href="#rank/job_specification_audit_detail.xhtml?jobSpecification.id=${j.id}&t=<%=new java.util.Date().getTime()%>"><span class="icon" style="background:url(${ctx}/images/img/script_error.png)">&nbsp;</span>${j.auditStatus.name}</a></td>
                    </tr>
                    </s:iterator>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<div class="clear"></div>


<!-- POPOVER SETUP-->
<div id="simple-popover" class="popover">
    <header>
        审批情况
    </header>
    <section>
        <div class="content">
            <nav>
                <ul>
                    <li class="new"><a><span class="avatar"></span>
                        <button class="button" type="submit" id="simple-button2" disabled>已审核</button>
                    </a></li>
                    <li class="read"><a><span class="avatar"></span>
                        <button class="button" type="submit" id="simple-button2" disabled>已审核</button>
                    </a></li>
                    <li class="read"><a><span class="avatar"></span>
                        <button class="button" type="submit" id="simple-button2">审核</button>
                    </a></li>
                    <li class="read"><a><span class="avatar"></span>
                        <button class="button" type="submit" id="simple-button2" disabled>未审核</button>
                    </a></li>
                    <li class="read"><a><span class="avatar"></span>
                        <button class="button" type="submit" id="simple-button2" disabled>未审核</button>
                    </a></li>
                </ul>
            </nav>
        </div>
    </section>
</div>
<script type="text/javascript" src="js/Tree.js"></script>
